<template>
    <!-- Footer -->
    <footer class="flex flex-col flex-shrink-0 w-full gap-2 px-6 pt-2 pb-4 md:flex-row md:justify-between">
        <p class="text-sm text-gray-500 dark:text-gray-400">
            &#169;
            <span>{{ new Date().getFullYear() }}</span> QK-Money UI, All rights reserved
        </p>

        <p class="flex items-center gap-1 text-sm text-gray-500 dark:text-gray-400">
            <span>UI template from</span>
            <span>
                <span class="sr-only">love</span>
                <span class="w-6 h-6 text-red-500">❤️</span>
            </span>
            <span>by</span>
            <a href="https://github.com/ycf1998" target="_blank" class="text-blue-600 hover:underline"> Money </a>
        </p>
    </footer>
</template>
